<!DOCTYPE html>
<html>
<head>
    <title>日新网 - 服务商</title>
    <meta name="keywords" content="{$seo_keywords}"/>
    <meta name="description" content="{$seo_description}">
    <meta name="referrer" content="origin">
    <tc_include file="Public:head"/>
    <link href="/themes/simplebootx/Public/assets/css/reset.css" rel="stylesheet"/>
    <link href="/themes/simplebootx/Public/assets/css/sl_style.css?v={$SOURCE_VERSION}" rel="stylesheet"/>
    <!--<link href="/themes/simplebootx_mobile/Public/assets/css/bootstrap.css" rel="stylesheet"/>-->
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0px;
        }

        i {
            font-style: normal;
        }

        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .clearfix {
            zoom: 1;
        }

        .ellipsis2 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .ellipsis3 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        ul li {
            list-style: none;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .contain {
            width: 1200px;
            margin: 0 auto;
        }

        .comWidth {
            width: 1100px;
            margin: 0 auto;
        }

        .logo {
            height: 266px;
        }
        .logo .logo_left {
            width: 162px;
            min-width: 88px;
        }
        .logo .logo_left img {
            width: 150px;
            height: 150px;
            margin-top: 110px;
        }

        .logo .logo_right {
            width: 890px;
            padding-top: 130px;
            padding-left: 40px;
        }

        .logo .logo_right span {
            font-size: 40px;
            color: #333333;
            line-height: 40px;
        }
        .logo .logo_right p {
            line-height: 30px;
            height: 100%;
            overflow: hidden;
        }

        .logo .logo_right i {
            font-size: 20px;
            color: #a9a9a9;
            /*display:inline-block;*/
            width: 700px;
            height: 90px;
        }

        .logo .logo_right .logo_btn {
            width: 152px;
            height: 44px;
            font-size: 24px;
            color: #ffffff;
            line-height: 44px;
            text-align: center;
            background-color: #c8161d;
            border-radius: 10px;
            float: right;
            margin-top: 70px;
            cursor: pointer;
        }

        .nav_sub {
            background-color: #333333;
            font-size: 26px;
            color: #ffffff;
            height: 80px;
            line-height: 80px;
            text-align: center;
        }

        .nav_sub ul, .nav_sub li {
            height: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            line-height: 80px;
        }

        .nav_sub li {
            width: 172px;
            float: left;
            color: #ffffff;
        }

        .nav_sub .active {
            border-bottom: 8px solid #c8161d;
        }

        /*基础信息部分*/
        .pulse_details, .pulse_content {
            margin: 0 auto;
        }

        .pulse_details h3 {
            margin: 18px 0 10px;
            font-size: 18px;
            color: #707070;
            font-weight: normal;
        }

        .pulse_details .text {
            border: 1px solid #a9a9a9;
            padding: 20px 20px 10px;
            font-size: 18px;
            color: #a9a9a9;
        }

        .pulse_details .text .content {
            min-height: 200px;
        }

        .pulse_details .text_item span {
            display: inline-block;
            width: 24%;
            font-size: 12px;
        }

        /*融资*/
        .pulse_details .financing {
            padding-left: 50px;
            font-size: 22px;
            color: #707070;
            margin: 20px 0;
        }

        .pulse_details .financing span {
            display: inline-block;
            width: 25%;
        }

        .pulse_details .team {
            padding: 8px 20px;
            border: 1px solid #a9a9a9;
            border-left: 6px solid #c8161d;
            margin-bottom: 10px;
            height: 160px;
        }

        /*服务范围*/
        .project_label_item dt {
            font-size: 22px;
            color: #a9a9a9;
            float: left;
            margin-right: 40px;
            cursor: pointer;
        }

        .project_label_item dd {
            font-size: 22px;
            color: #333333;
            float: left;
            padding: 4px 8px;
            border: 1px solid #707070;
            letter-spacing: 2px;
            border-radius: 10px;
            margin: 0 12px;
            margin-bottom: 10px;
            cursor: pointer;
        }

        /*团队*/
        .team {
            padding: 8px 20px;
            border: 1px solid #a9a9a9;
            border-left: 6px solid #c8161d;
            margin-bottom: 10px;
            width: 48%;
            float: left;
            box-sizing: border-box;
            margin-right: 10px;
            margin-left: 10px;
        }

        .team .leftarea {
            width: 154px;
            height: 100%;
            float: left;
            box-sizing: border-box;
        }

        .team .leftarea img {
            width: 134px;
            height: 134px;
            border-radius: 50%;
        }

        .team .rightarea {
            width: 326px;
            font-size: 22px;
            color: #707070;
            float: left;
            box-sizing: border-box;
        }

        .team .name {
            margin-bottom: 4px;
            margin-top: 20px;
            max-height: 52px;
        }

        .team .name span {
            font-size: 22px;
            color: #333333;
            margin-right: 26px;
        }

        .team .name i {
            font-size: 18px;
            color: #a9a9a9;
        }

        .team .rightarea .text1 {
            font-size: 18px;
            color: #707070;
        }

        hr {
            border: none;
            border-bottom: 1px solid #e2e2e2;
            height: 50px;
        }

        /*服务介绍*/
        .title_h3 {
            font-size: 22px;
            margin: 30px 0 14px;
            font-weight: normal;
            color: #333333;
            letter-spacing: 2px;
        }

        .pulse_service {
            font-size: 20px;
            color: #333333;
        }

        /*政策支持*/
        .support {
            width: 1200px;
            margin: 0 auto;
        }

        .support_item {
            border-bottom: 1px solid #c5c5c5;
            padding-bottom: 8px;
            margin-top: 3px;
        }

        .support_item:last-child {
            border: none;
        }

        .support_item h4 {
            font-size: 24px;
            color: #333333;
            font-weight: normal;
            line-height: 42px;
        }

        .support_item .text {
            font-size: 18px;
            color: #707070;
            line-height: 32px;
        }

        .support_item .btm {
            font-size: 12px;
            color: #a9a9a9;
            float: right;
        }

        .support .support_item:last-child {
            border: none !important;
        }

        .project_label_item th {
            font-weight: normal !important;
        }

        /*轮播图*/
        .focus {
            height: 416px;
            width: 1100px;
            margin: 0 auto;
            position: relative;
        }

        .focus .carousel,
        .focus .carousel .carousel-inner,
        .focus .carousel .carousel-inner img {
            width: 100%;
            height: 100%;
        }

        .carousel {
            position: relative;
        }

        .focus_leftarea {
            width: 340px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0px;
            background-color: #fff;
            opacity: .6;
            filter: alpha(opacity=60);
            box-sizing: border-box;
            padding-top: 8px;
        }

        .focus_leftarea .topL {
            padding: 5px 10px;
            border: 1px solid #c8161d;
            border-radius: 18px;
            margin-top: 7px;
            margin-left: 20px;
            font-size: 18px;
            color: #707070;
        }

        .focus_leftarea .topR {
            font-size: 14px;
            float: right;
            color: #c5c5c5;
            margin-right: 8px;
        }

        .focus_leftarea h4 {
            font-size: 32px;
            color: #707070;
            margin-top: 32px;
            margin-left: 16px;
            line-height: 38px;
            margin-right: 16px;
        }

        .focus_leftarea .text {
            margin-top: 68px;
            margin-left: 20px;
            margin-right: 20px;
            overflow: hidden;
            max-height: 190px;
        }

        .focus .focus_prev, .focus .focus_next {
            position: absolute;
            font-size: 40px;
            color: #c5c5c5;
            top: 50%;
            margin-top: -20px;
            cursor: pointer;
        }

        .focus .focus_prev {
            left: -30px;
        }

        .focus .focus_next {
            right: -30px;
        }

        .focus .carousel {
            display: none;
        }

        .focus > .active {
            display: block;
        }
        .article_content img {
            width: 100%!important;
            height: auto!important;
        }

        /*弹窗样式 开始*/
        #masker {
            height: 100%;
            width: 100%;
            background-color: #000000;
            position: absolute;
            top: 0;
            left: 0;
            opacity: .2;
            filter: alpha(opacity=20);
            -moz-opacity: 0.2;
            display: none;
        }

        .layer1 {
            width: 700px;
            height: 490px;
            border-radius: 20px;
            /*background-color: #fff;*/
            -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            background: #fff url(./themes/simplebootx_mobile/Public/assets/images/pulse_icon/layer.png) top center no-repeat;
            box-sizing: border-box;
            padding-top: 200px;
            position: absolute;
            top: -50%;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: none;

        }

        .layer1 img {
            position: absolute;
            left: 50%;
            margin-left: -92px;
        }

        .layer1 span {
            display: block;
            width: 120px;
            height: 35px;
            background-color: #b71d24;
            line-height: 35px;
            border-radius: 20px;
            text-align: center;
            color: #FFFFFF;
            font-size: 19px;
            letter-spacing: 1px;
            margin: 0 auto;
            margin-top: 210px;
            cursor: pointer;
        }
        .link_active:hover {
            background-color: #fcfcfc!important;
        }

        /*弹窗样式结束*/
    </style>
</head>
<body>
<tc_include file="Public:nav"/>
<!--弹窗代码开始-->
<div id="masker"></div>
<div class="layer1">
    <img src="./themes/simplebootx_mobile/Public/assets/images/pulse_icon/layer_er.png" alt="">
    <span class="close1">我知道了</span>
</div>
<!--弹窗代码结束-->
<div class="contain">
    <div class="logo comWidth clearfix" id="tab1">
        <div class="logo_left fl">

            <img src="{:sp_get_image_preview_url($sp_info['logo'])}" alt="">

        </div>
        <div class="logo_right fl">
            <span class="logo_btn">合作咨询</span>
            <p class="text">
                <span>{$sp_info.company_name}</span> <br>
                <i class="ellipsis3">{$sp_info.sign}</i>
            </p>
        </div>
    </div>
    <div class="nav_sub">
        <ul>
            <a href="#tab1">
                <li class="active">公司概况</li>
            </a>
            <a href="#tab2">
                <li>服务介绍</li>
            </a>
            <a href="#tab3">
                <li>合作收益</li>
            </a>
            <a href="#tab4">
                <li>合作条件</li>
            </a>
            <a href="#tab5">
                <li>项目反馈</li>
            </a>
            <a href="#tab6">
                <li>政策支持</li>
            </a>
            <a href="#tab7">
                <li style="margin-left: -4px;">新闻报道</li>
            </a>
        </ul>
    </div>
    <div class=" pulse_details" >
        <div>
            <h3>基本信息</h3>
            <div class="text comWidth">
                <p class="content">
                    {$sp_info.company_desc}
                </p>
                <p class="text_item">
                    <span>{$sp_info.company_full_name}</span>
                    <span>{$sp_info.company_addr}</span>
                    <span>{$sp_info.established_time}</span>
                    <span>{$sp_info.scale}</span>
                </p>
            </div>
        </div>
        <div>
            <h3>服务范围</h3>
            <div class="project_index comWidth">
                <div class="project_label_item clearfix">
                    <dl>
                        <dt style="font-weight: normal">行业</dt>
                        <volist name="sp_info.category_names" id="vo">
                            <dd>{$vo}</dd>
                        </volist>
                    </dl>
                </div>
                <div class="project_label_item clearfix">
                    <dl>
                        <dt style="font-weight: normal">城市</dt>
                        <volist name="sp_info.city_names" id="vo">
                            <dd>{$vo}</dd>
                        </volist>
                    </dl>
                </div>
            </div>
        </div>

        <if condition="!empty($sp_financing)">
            <div>
                <h3>融资</h3>
                <p class="financing comWidth">
                    <volist name="sp_financing" id="vo">
                        <span>{$vo.round}</span><span>{$vo.time}</span><span>{$vo.amount}</span><span>{$vo.from}</span>
                    </volist>
                </p>
            </div>
        </if>

        <if condition="!empty($sp_member)">
            <div class="clearfix">
                <h3>团队</h3>
                <div class="comWidth">
                    <volist name="sp_member" id="vo">
                        <div class="team clearfix ">
                            <div class="leftarea ">
                                <img src="{:sp_get_image_preview_url($vo['avatar'])}" alt="">
                            </div>
                            <div class="rightarea ">
                                <p class="name ellipsis2">
                                    <span>{$vo.name}</span><i>{$vo.position}</i>
                                </p>
                                <p class="ellipsis3 text1">{$vo.desc}</p>
                            </div>
                        </div>
                    </volist>
                </div>
            </div>
        </if>
    </div>
    <hr id="tab2">

    <if condition="!empty($sp_info['service_desc'])">
        <div class="pulse_service" >
            <h3 class="title_h3">服务介绍</h3>
            <div class="article_content">
                {$sp_info.service_desc}
            </div>
        </div>
        <hr  id="tab3">
    </if>

    <if condition="!empty($sp_info['benifit'])">
        <div class="pulse_service" >
            <h3 class="title_h3">合作收益</h3>
            <div class="article_content">
                {$sp_info.benifit}
            </div>
        </div>
        <hr id="tab4">
    </if>

    <if condition="!empty($sp_info['condition'])">
        <div class="pulse_service" >
            <h3 class="title_h3">合作条件</h3>
            <div class="article_content">
                {$sp_info.condition}
            </div>
        </div>
        <hr id="tab5">
    </if>

    <if condition="!empty($sp_project)">
        <div >
            <h3 class="title_h3">项目反馈</h3>
            <div class="focus">

                <volist name="sp_project" id="vo" key="sp_key">
                    <div id="carousel-example-generic{$sp_key}" class="carousel slide comWidth {$key == 0 ? 'active' : ''}" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators" style="top: 390px;margin-left: 0px;left: 50%;">

                            <volist name="vo.imgs" id="vo_img">
                                <li data-target="#carousel-example-generic{$sp_key}" data-slide-to="{$key}" class="{$key == 0 ? 'active' : ''}"></li>
                            </volist>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <volist name="vo.imgs" id="vo_img">
                                <div class="item {$key == 0 ? 'active' : ''}">
                                    <a href=""><img src="{:sp_get_image_preview_url($vo_img)}"></a>
                                </div>
                            </volist>
                        </div>
                        <!--轮播左侧文字广告-->
                        <div class="focus_leftarea">
                            <p>
                                <!--<span class="topL">住宅公寓</span>-->
                                <span class="topR">{$vo.city_name}</span>
                            </p>
                            <h4>{$vo.name}</h4>
                            <p class="text ellipsis8">{$vo.desc}</p>
                        </div>
                    </div>
                </volist>
                <span class="focus_prev glyphicon glyphicon-menu-left">&lt;</span>
                <span class="focus_next glyphicon glyphicon-menu-right">&gt;</span>
            </div>
            <hr id="tab6">
        </div>
    </if>

    <if condition="!empty($sp_link)">
        <div class="support" >
            <h3 class="title_h3">政策支持</h3>
            <volist name="sp_link" id="vo">
                <if condition="$vo['type'] == 1">
                    <a href="{$vo.link}">
                        <div class="support_item clearfix link_active">
                            <h4>{$vo.title}</h4>
                            <p class="text">{$vo.desc} </p>
                            <span class="btm">{$vo.from}</span>
                        </div>
                    </a>
                </if>
            </volist>
        </div>
        <hr id="tab7">
    </if>

    <if condition="!empty($sp_link)">
        <div class="support" >
            <h3 class="title_h3">新闻报道</h3>
            <volist name="sp_link" id="vo">
                <if condition="$vo['type'] == 2">
                    <a href="{$vo.link}">
                        <div class="support_item clearfix link_active">
                            <h4>{$vo.title}</h4>
                            <p class="text">{$vo.desc} </p>
                            <span class="btm">{$vo.from}</span>
                        </div>
                    </a>
                </if>
            </volist>
        </div>
    </if>
</div>
<tc_include file="Public:footer" />
<!-- JavaScript -->
<tc_include file="Public:scripts"/>
<script type="text/javascript" src="/themes/simplebootx_mobile/Public/assets/js/bootstrap.js"></script>
<script src="__PUBLIC__/js/layer/layer_1.js"></script>
<script src="__PUBLIC__/js/area.js"></script>
<script>
    $(".nav_sub li").click(function () {
        $(".nav_sub li").removeClass("active");
        $(this).addClass("active");
    })
</script>
<!--轮播图tab切换代码-->
<script>
    var list = $(".carousel");
    $(".focus_prev").click(function () {
        var index = list.map(function (index, item) {
            if ($(item).hasClass("active")) {
                return this;
            }
        }).index();
        if (index > 0) {
            $(list[index - 1]).addClass("active").siblings().removeClass("active");
        } else {
            $(list[list.length - 1]).addClass("active").siblings().removeClass("active");
        }

    });
    $(".focus_next").click(function () {
        var index = list.map(function (index, item) {
            if ($(item).hasClass("active")) {
                return this;
            }
        }).index();
        if (index < list.length - 1) {
            $(list[index + 1]).addClass("active").siblings().removeClass("active");
        } else {
            $(list[0]).addClass("active").siblings().removeClass("active");
        }
    });
</script>
<!--弹窗-->
<script>
    $(function () {
        $(".logo_btn").click(function () {
            var h = document.body.scrollHeight;
            $(".layer1 , #masker").css("display", "block");
            $("#masker").css("height", h);
        })
        $(".layer1 .close1").click(function () {
            $(".layer1 , #masker").css("display", "none");

        })
    });
</script>
</body>
</html>